@import '../../styles/default.scss';

.mine-order-item{
  margin: 20px;
  border-radius: 10px;
  background-color: $color-white;
  .mine-order-item-line{
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .mine-order-item-content{
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 10px;
    border-top: 1px solid $color-bg;
    .item-content-left{
      &-text{
        font-size: $font-14;
        color: $font-color-base;
      }
     
    }
    .item-content-state{
      font-size: $font-14;
      color: $color-main;
    }
  }
  .mine-order-item-btns{
    padding: 20px 0;
    display: flex;
    justify-content: flex-end;
    .item-btn{
      font-size: $font-15;
      margin-left: 20px;
    }
  }
  .item-conten-text{
    color: $font-color-grey;
    font-size: $font-15;
	}
	.item-content-warn{
		width: 100%; 
		padding: 0 10px;
		margin: 10px 0;
		font-size: $font-10;
		color: $font-color-grey;
		background-color: #EEE;
	
		span{
			font-size: $font-15;
			color: $color-main;
		}
	}
}